ความช่วยเหลือจาก AI ในการจัดรูปแบบ

Matthias Rohmer

Sofia Emelianova

ใช้แผงความช่วยเหลือจาก AI เพื่อจัดรูปแบบเพื่อทำความเข้าใจเลย์เอาต์โดยรวมของเว็บไซต์ รูปแบบองค์ประกอบที่เฉพาะเจาะจง และรับการแก้ไขข้อบกพร่อง CSS ที่ AI สร้างขึ้น

เปิดแผง "ความช่วยเหลือจาก AI"

แผงความช่วยเหลือจาก AI จะเปิดขึ้นในลิ้นชัก

จากแผงองค์ประกอบ

หากต้องการเปิดความช่วยเหลือจาก AI จากแผงองค์ประกอบ เมื่อตรวจสอบโหนด DOM ให้คลิกขวาที่โหนดแล้วเลือกตัวเลือกถาม AI

เมื่อคุณเปิดความช่วยเหลือจาก AI เช่นนี้ ระบบจะเลือกองค์ประกอบ DOM ที่ตรวจสอบไว้ล่วงหน้าเป็นองค์ประกอบบริบทสำหรับการสนทนาแล้ว

หรือคลิกปุ่มที่ลอยอยู่ซึ่งแนบอยู่กับโหนด DOM ที่วางเมาส์เหนือ

จากเมนูคำสั่ง

หากต้องการเปิดความช่วยเหลือจาก AI จากเมนูคำสั่ง ให้พิมพ์ AI แล้วเรียกใช้คำสั่งแสดงความช่วยเหลือจาก AI ซึ่งมีป้ายลิ้นชักอยู่ข้างๆ

จากเมนู "เครื่องมือเพิ่มเติม"

หรือเลือกการตั้งค่า ตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > ความช่วยเหลือจาก AI ที่มุมขวาบน

บริบทการสนทนา

การแชทกับความช่วยเหลือจาก AI จะเกี่ยวข้องกับองค์ประกอบที่ตรวจสอบอยู่เสมอ ซึ่งเป็นองค์ประกอบล่าสุดที่เลือกในต้นไม้ DOM ของแผงองค์ประกอบ การอ้างอิงถึงองค์ประกอบนี้จะแสดงที่มุมซ้ายล่างของแผง

เปลี่ยนบริบทโดยใช้เครื่องมือเลือกองค์ประกอบข้างองค์ประกอบปัจจุบัน หรือเลือกจากต้นไม้ DOM ของแผงองค์ประกอบ

แม้ว่าองค์ประกอบที่ตรวจสอบในปัจจุบันจะเป็นรากฐานของการสนทนา แต่ความช่วยเหลือจาก AI ก็มีสิทธิ์เข้าถึง Web API ทั้งหมดเพื่อรวบรวมข้อมูลเพิ่มเติมจากหน้าเว็บที่ตรวจสอบ ซึ่งรวมถึงการค้นหาองค์ประกอบอื่นๆ ด้วย document.querySelector หรือการประเมินสไตล์ที่คอมไพล์แล้ว

การเขียนพรอมต์

เมื่อเริ่มการสนทนาใหม่ ความช่วยเหลือจาก AI สำหรับตัวอย่างการเขียนสไตล์ข้อเสนอจะแสดงพรอมต์เพื่อช่วยให้คุณเริ่มต้นใช้งานได้อย่างรวดเร็ว

คลิกพรอมต์ใดก็ได้เพื่อป้อนข้อมูลพรอมต์ในช่องป้อนข้อมูลพรอมต์ที่ด้านล่างของแผง

หรือจะพิมพ์พรอมต์หรือคำถามของคุณเองในช่องป้อนข้อมูลก็ได้

หากต้องการส่งพรอมต์ ให้กด Enter หรือคลิกลูกศรทางด้านขวาของช่องป้อนข้อมูล

ขั้นตอนการสนทนา

การส่งพรอมต์จะเป็นการเริ่มการสนทนากับตัวแทนการจัดสไตล์ ตัวแทนจะสร้างและเรียกใช้ JavaScript ที่เรียกใช้ Web API เพื่อรับข้อมูลที่จําเป็นในการตอบพรอมต์ของคุณให้ดีที่สุด ความคืบหน้าของตัวแทนจะแสดงเป็นขั้นตอน สถานะขั้นตอนเริ่มต้นคือ Investigating…

ป้ายกำกับขั้นตอนจะอัปเดตเมื่อตัวแทนดำเนินการที่เฉพาะเจาะจงมากขึ้นเพื่อแก้ปัญหา

เมื่อตัวแทนพบคำตอบสุดท้ายแล้ว คำตอบจะแสดงใต้ขั้นตอนการตรวจสอบ รวมถึงคำแนะนำสำหรับพรอมต์การติดตามผล

คลิกข้อความแจ้งที่แนะนำเพื่อสนทนาต่อ คลิก keyboard_arrow_down

ของขั้นตอนการสํารวจเพื่อให้เข้าใจสิ่งที่ความช่วยเหลือจาก AI ทําอยู่เบื้องหลังได้ดียิ่งขึ้น

เมื่อขยายชิปความคืบหน้า คุณจะเห็นโค้ดที่ตัวแทนเรียกใช้พร้อมกับค่าที่แสดงผล คัดลอกโค้ดที่ดำเนินการแล้วเพื่อใช้ต่อไป เช่น ดำเนินการกับแผงคอนโซล

การสนทนาที่หยุดชั่วคราว

ความช่วยเหลือจาก AI อาจสร้างโค้ดที่มีผลข้างเคียง เมื่อเกิดเหตุการณ์ดังกล่าว ระบบจะหยุดการสนทนาชั่วคราวก่อนที่จะเรียกใช้โค้ด

เมื่อการสนทนาหยุดชั่วคราว ให้ตรวจสอบรหัสที่ตัวแทนเสนอ คลิก play_arrow ดำเนินการต่อเพื่อดำเนินการต่อ หรือยกเลิกเพื่อป้องกันการดำเนินการ

บันทึกการเปลี่ยนแปลงในพื้นที่ทำงาน

โฟลเดอร์พื้นที่ทำงานที่เชื่อมต่อช่วยให้คุณบันทึกการเปลี่ยนแปลงสไตล์ที่ความช่วยเหลือจาก AI แนะนำกลับไปยังไฟล์ต้นทาง CSS ในคอมพิวเตอร์ได้

หากต้องการทำสิ่งต่อไปนี้

1. ก่อนอื่นให้สร้างไฟล์ข้อมูลเมตาและเชื่อมต่อโฟลเดอร์พื้นที่ทำงาน

   หรือจะเพิ่มโฟลเดอร์ด้วยตนเองก็ได้

2. เริ่มแชทจากแผงองค์ประกอบ

3. พรอมต์ความช่วยเหลือจาก AI เพื่อแก้ไข CSS

4. ความช่วยเหลือจาก AI อาจสร้างโค้ดและหยุดการเรียกใช้ชั่วคราว ตรวจสอบโค้ดแล้วคลิกต่อไปเพื่อทดสอบการเปลี่ยนแปลงในเวอร์ชันที่ใช้งานจริง

5. ขยายส่วนการเปลี่ยนแปลงที่ไม่ได้บันทึก แล้วคลิกใช้กับพื้นที่ทํางาน

6. ตรวจสอบการเปลี่ยนแปลงใน diff แล้วคลิกบันทึกทั้งหมด

ดูเวิร์กโฟลว์นี้ได้ที่หัวข้อต่อไปนี้

ไม่มีคำตอบ

ความช่วยเหลือจาก AI อาจไม่แสดงคำตอบเนื่องจากสาเหตุหลายประการ

หากคิดว่าพรอมต์ของคุณเป็นหัวข้อที่ผู้ช่วย AI ควรพูดคุยได้ ให้รายงานข้อบกพร่อง

ประวัติการสนทนา

เมื่อเริ่มการสนทนา คำตอบต่อๆ ไปจะอิงตามการโต้ตอบก่อนหน้านี้ระหว่างคุณกับ AI

ความช่วยเหลือจาก AI จะบันทึกประวัติการสนทนาระหว่างเซสชันต่างๆ เพื่อให้คุณเข้าถึงแชทก่อนหน้าได้แม้ว่าเครื่องมือนักพัฒนาเว็บหรือ Chrome จะโหลดซ้ำก็ตาม

ใช้ตัวควบคุมที่มุมซ้ายบนของแผงเพื่อควบคุมประวัติการสนทนา

เริ่มใหม่

หากต้องการเริ่มการสนทนาใหม่ด้วยบริบทการสนทนาที่เลือกอยู่ในปัจจุบัน ให้คลิกปุ่มเพิ่ม

ดำเนินการต่อ

หากต้องการสนทนาต่อจากบทสนทนาที่ผ่านมา ให้คลิกปุ่มประวัติ แล้วเลือกจากเมนูตามบริบท

ลบ

หากต้องการลบการสนทนาออกจากประวัติ ให้คลิกปุ่มลบ

ให้คะแนนคำตอบและแสดงความคิดเห็น

ความช่วยเหลือจาก AI เป็นฟีเจอร์ทดลอง เราจึงอยากทราบความคิดเห็นของคุณเพื่อดูว่าจะช่วยปรับปรุงคุณภาพคำตอบและประสบการณ์การใช้งานโดยรวมได้อย่างไร

โหวตคำตอบ

ให้คะแนนคำตอบโดยใช้ปุ่ม thumb_up ชอบ และ thumb_down ไม่ชอบใต้คำตอบ

รายงานคำตอบ

หากต้องการรายงานเนื้อหาไม่เหมาะสม ให้คลิกปุ่มรายงานข้างปุ่มโหวต